<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="css/index.css" />
</head>

<body>

<!-- 顶部灰色区域 -->
<div id="top_out">
	<div class="top">
		<!-- 左侧 -->
		<div class="left">
			<span class="hi">您好, 欢迎光临凡客诚品!</span>
			<span class="login">[ <a href="">登录</a> | <a href="">免费注册</a> ]</span>

			<a href="" class="link">我的凡客</a>
			<a href="" class="link">收藏本站</a>
		</div>
		<!-- 左侧结束 -->

		<!-- 右侧 -->
		<div class="right">
			<a href="" class="menu">我的凡客</a>
			<a href="" class="menu">网站导航</a>
			<a href="" class="menu">帮助中心</a>
			<a href="" class="menu">网站公告</a>
			<a href="" class="mobile"></a>
			<a href="" class="weibo"></a>
			<a href="" class="weixin"></a>
		</div>
		<!-- 右侧结束 -->
	</div>
</div>
<!-- 顶部灰色区域结束 -->


<!-- 搜索区域 -->
<div id="search_box">
	<a href="" class="logo"></a>
	<ul class="tab">
		<li class="cur">凡客诚品</li>
		<li>V+商城</li>
	</ul>
	<!-- 搜索 -->
	<form action="">
		<input type="text" class="keyword" value="牛津纺衬衫" />
		<input type="submit" class="sub" value="" />
	</form>
	<!-- 搜索结束 -->

	<div class="shop_cart">
		<a href="">购物车(<span>0</span>)件</a>
	</div>
</div>
<!-- 搜索区域结束 -->

<!-- 导航区域 -->
<div id="menu">
	<a href="" class="left">所有商品分类</a>

	<ul class="center">
		<li><a href="" class="index">首页</a></li>
		<li><a href="">水柔棉T恤</a></li>
		<li><a href="">vDP80衬衫</a></li>
		<li><a href="">T恤</a></li>
		<li><a href="">衬衫</a></li>
		<li><a href="">帆布鞋</a></li>
		<li><a href="">POLO</a></li>
		<li><a href="">雨露麻</a></li>
		<li><a href="">休闲裤</a></li>
	</ul>
</div>
<!-- 导航区域结束 -->


<!-- 中间大区域 -->
<div id="main">
	<!-- 左侧二级导航 -->
	<ul class="left">
		<li>
			<div class="ico"></div>
			<p class="title">女装</p>
			<p class="tags">
				<a href="">T恤</a>
				<a href="">衬衫</a>
				<a href="">卫衣</a>
				<a href="">POLO</a>
				<a href="">裤装</a>
			</p>
		</li>
		<li>
			<div class="ico nanzhuang"></div>
			<p class="title">男装</p>
			<p class="tags">
				<a href="">T恤</a>
				<a href="">衬衫</a>
				<a href="">卫衣</a>
				<a href="">POLO</a>
				<a href="">裤装</a>
			</p>
		</li>
		<li>
			<div class="ico xie"></div>
			<p class="title">男鞋/女鞋</p>
			<p class="tags">
				<a href="">T恤</a>
				<a href="">衬衫</a>
				<a href="">卫衣</a>
				<a href="">POLO</a>
				<a href="">裤装</a>
			</p>
		</li>
		<li>
			<div class="ico"></div>
			<p class="title">女装</p>
			<p class="tags">
				<a href="">T恤</a>
				<a href="">衬衫</a>
				<a href="">卫衣</a>
				<a href="">POLO</a>
				<a href="">裤装</a>
			</p>
		</li>
		<li>
			<div class="ico"></div>
			<p class="title">女装</p>
			<p class="tags">
				<a href="">T恤</a>
				<a href="">衬衫</a>
				<a href="">卫衣</a>
				<a href="">POLO</a>
				<a href="">裤装</a>
			</p>
		</li>
		<li>
			<div class="ico"></div>
			<p class="title">女装</p>
			<p class="tags">
				<a href="">T恤</a>
				<a href="">衬衫</a>
				<a href="">卫衣</a>
				<a href="">POLO</a>
				<a href="">裤装</a>
			</p>
		</li>
		<li>
			<div class="ico"></div>
			<p class="title">女装</p>
			<p class="tags">
				<a href="">T恤</a>
				<a href="">衬衫</a>
				<a href="">卫衣</a>
				<a href="">POLO</a>
				<a href="">裤装</a>
			</p>
		</li>
		<li>
			<div class="ico"></div>
			<p class="title">女装</p>
			<p class="tags">
				<a href="">T恤</a>
				<a href="">衬衫</a>
				<a href="">卫衣</a>
				<a href="">POLO</a>
				<a href="">裤装</a>
			</p>
		</li>
	</ul>
	<!-- 左侧二级导航结束 -->

	<!-- 右侧 -->
	<div class="right">
		<img src="images/right.jpg" alt="" />
		<ul>
			<li class="cur"></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>
	<!-- 右侧结束 -->
</div>
<!-- 中间大区域结束 -->

</body>
</html>
